<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<style>
body{
    background-color: #070b16;
}
.box1{
    position: absolute;
    width: 100%;
    height: 80px;
    background-color: #070b16;
}
#title{
    position: absolute;
    top: 0;
    left: 3%;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
}
#tib1{
    background-color: #0f3450;
    position: absolute;
    top: 10%;
    left: 30%;
    width: 180px;
    height: 50px;
}
#tib2{
    background-color: #0f3450;
    position: absolute;
    top: 10%;
    left: 45%;
    width: 180px;
    height: 50px;
}
#tib3{
    background-color: #0f3450;
    position: absolute;
    top: 10%;
    left: 60%;
    width: 180px;
    height: 50px;
}
.box1 h1{
    position: absolute;
    top: 10%;
    left: 80%;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
}
#btext1{
    position: absolute;
    top: 20%;
    left: 5%;
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #4e7b9a;
}
#btext2{
    position: absolute;
    top: 3%;
    left: 65%;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
}
.xian1{
    position: absolute;
    top: 80px;
    width: 100%;
    height: 1px;
    background-color: #2f94ca;
}
#xian2{
    position: absolute;
    left: 5%;
    top: 50px;
    width: 85%;
    height: 2px;
    background-color: #ffffff;
}
#xian3{
    position: absolute;
    left: 5%;
    top: 280px;
    width: 85%;
    height: 2px;
    background-color: #ffffff;
}
#xian4{
    position: absolute;
    left: 5%;
    top: 55px;
    width: 90%;
    height: 2px;
    background-color: #ffffff;   
}
#xian5{
    position: absolute;
    left: 5%;
    top: 365px;
    width: 90%;
    height: 2px;
    background-color: #ffffff;   
}
.box2{
    position: absolute;
    top: 81px;
    width: 100%;
    height: 420px;
}
.zuo2{
    position: absolute;
    left: 0;
    width: 24%;
    height: 641px;
    background: #2d2e30;
}
#zuotext{
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    position: absolute;
    left: 6%;
    top: 1%;
}
#zuotext4{
    color: #638ebb;
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    position: absolute;
    left: 6%;
    top: 37%;
}
#clt{
    position: absolute;
    top: 60px;
    left: 11%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#clt2{
    position: absolute;
    top: 60px;
    left: 37%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#clt3{
    position: absolute;
    top: 60px;
    left: 62%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#clt4{
    position: absolute;
    top: 150px;
    left: 11%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#clt5{
    position: absolute;
    top: 150px;
    left: 37%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#clt6{
    position: absolute;
    top: 150px;
    left: 62%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #2f94ca;
}
#z1t{
    position: absolute;
    top: 310px;
    left: 5%;
    width: 325px;
    height: 270px;
}
#zuotext21{
    position: absolute;
    top: 1%;
    left: 20%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext22{
    position: absolute;
    top: 1%;
    left: 30%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext23{
    position: absolute;
    top: 1%;
    left: 30%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext24{
    position: absolute;
    top: 1%;
    left: 23%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext25{
    position: absolute;
    top: 1%;
    left: 18%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext26{
    position: absolute;
    top: 1%;
    left: 18%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext3{
    position: absolute;
    top: 50%;
    left: 18%;
    color: #638ebb;
    font-size: 5px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuotext5{
    position: absolute;
    top: 50%;
    left: 24%;
    color: #638ebb;
    font-size: 5px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
.zhong2{
    position: absolute;
    left: 25%;
    width: 50%;
    height: 420px;
    background-color: #040b15;
}
#ztu{
    position: absolute;
    left: 7%;
    width: 650px;
    height: 400px;
}
.you2{
    position: absolute;
    left: 69%;
    width: 31%;
    height: 641px;
    background: #2d2e30;
}
#youtext1{
    position: absolute;
    top: 1%;
    left: 5%;
    color: #638ebb;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#kongkuang{
    position: absolute;
    top: 11%;
    left: 6%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #7aace7;
}
#kongkuang p{
    color: #7aace7;
}
#yongji{
    position: absolute;
    top: 11%;
    left: 24%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #dfc28a;
}
#yongji p{
    color: #dfc28a;
}
#zhengchang{
    position: absolute;
    top: 11%;
    left: 42%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #f39f3f;
}
#zhengchang p{
    color: #f39f3f;
}
#zdyj{
    position: absolute;
    top: 11%;
    left: 60%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #ad7173;
}
#zdyj p{
    color: #ad7173;
}
#hvyj{
    position: absolute;
    top: 11%;
    left: 78%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #c22025;
}
#hvyj p{
    color: #c22025;
}
#geshu{
    position: absolute;
    top: -16px;
    left: 38%;
    font-size: 21px;
    font-family: Microsoft YaHei;
    font-weight: bolder;
}
#miaoshu1{
    position: absolute;
    top: 35%;
    left: 24%;
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}
#miaoshu2{
    position: absolute;
    top: 35%;
    left: 11%;
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}
#miaoshu3{
    position: absolute;
    top: 35%;
    left: 30%;
    font-size: 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}

#xx p{
    width: 50px;
    height: 26px;
    position: absolute;
    top: -12px;
    left: 5%;
}
#jd1{
    position: absolute;
    top: 6%;
    left: 2%;
    width: 223px;
    height: 27px;
    background-color: #f0efef;
}
#jd1 p{
    width: 50px;
    height: 26px;
    position: absolute;
    top: -12px;
    left: 5%;
}
#xx1{
    position: absolute;
    top: 6%;
    left: 36%;
    width: 90px;
    height: 27px;
    background-color: #f0efef;
}
#xx1 p{
    width: 50px;
    height: 26px;
    position: absolute;
    top: -12px;
    left: 5%;
}
#jd2{
    position: absolute;
    top: 6%;
    left: 50%;
    width: 223px;
    height: 27px;
    background-color: #f0efef;
}
#jd2 p{
    width: 50px;
    height: 26px;
    position: absolute;
    top: -12px;
    left: 5%;
}
#xx2{
    position: absolute;
    top: 6%;
    left: 84%;
    width: 93px;
    height: 27px;
    background-color: #f0efef;
}
#xx2 p{
    width: 50px;
    height: 26px;
    position: absolute;
    top: -12px;
    left: 5%;
}
#youtext2{
    position: absolute;
    top: 50%;
    left: 5%;
    color: #638ebb;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
.box3{
    position: absolute;
    top: 500px;
    left: 25%;
    width: 44%;
    height: 230px;
    background: #2d2e30;
}
table{
    position: absolute;
    top: 34%;
    left: 0%;
    width: 325px;
    border-collapse: collapse;
}
.tab3{
    position: absolute;
    top: 21%;
    left: 2%;
    width: 325px;
    border-collapse: collapse;
}
.tab3 th{
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 800;
    color: #ffffff;
}
.tab4{
    position: absolute;
    top: 21%;
    left: 50%;
    width: 325px;
    border-collapse: collapse;
}
.tab4 th{
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 800;
    color: #ffffff;
}
th,td{
    border: 1px solid #4e7999;
    text-align: center;
    padding: 20px 0;
}
table tbody tr:nth-child(odd){
    background-color: #3c6694;
}
table tbody tr:hover{
    background-color: #4e7999;
}
#zuo31{
    position: absolute;
    top: 7%;
    left: 3%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuo32{
    position: absolute;
    top: 7%;
    left: 35%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#zuo33{
    position: absolute;
    top: 7%;
    left: 67%;
    color: #638ebb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 500;
}
#youtu22{
    position: absolute;
    top: 24%;
    left: 10%;
    width: 365px;
    height: 170px;
}
#youtext3{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 58%;
    left: 2%;
}
#youtext5{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 64%;
    left: 2%;
}
#youtext7{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 70%;
    left: 2%;
}
#youtext9{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 76%;
    left: 2%;
}
#youtext11{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 82%;
    left: 2%;
}
#youtext13{
    color: #638ebb;
    font-size: 13px;
    position: absolute;
    top: 88%;
    left: 2%;
}


#youtext4{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 58%;
    left: 21%;
    width: 349px;
}
#youtext6{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 64%;
    left: 21%;
    width: 349px;
}
#youtext8{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 70%;
    left: 21%;
    width: 349px;
}
#youtext10{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 76%;
    left: 21%;
    width: 349px;
}
#youtext12{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 82%;
    left: 21%;
    width: 349px;
}
#youtext14{
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: 88%;
    left: 21%;
    width: 349px;
}
</style>

    <div class="box1">
        <p id="title">人流监控</p>
        <div id="tib1">
            <p id="btext1">本平台购票人数</p>
            <p id="btext2">500</p>
        </div>
        <div id="tib2">
            <p id="btext1">本平台精品团人数</p>
            <p id="btext2">98</p>
        </div>
        <div id="tib3">
         <p id="btext1">本平台散团人数</p>
         <p id="btext2">288</p>
        </div>
        <h1></h1>
    </div>
    <div class="xian1"></div>
    <div class="box2">
        <div class="zuo2">
            <p id="zuotext">旅行团中游客行为</p>
            <div id="xian2"></div>
            <div id="clt">
                <p id="zuotext21">29685</p>
                <p id="zuotext3">游客总数</p>
            </div>
            <div id="clt2">
                <p id="zuotext22">462</p>
                <p id="zuotext3">精品团数</p>
            </div>
            <div id="clt3">
                <p id="zuotext23">709</p>
                <p id="zuotext5">散团数</p>
            </div>
            <div id="clt4">
                <p id="zuotext24">3549</p>
                <p id="zuotext3">精品人数</p>
            </div>
            <div id="clt5">
                <p id="zuotext25">14088</p>
                <p id="zuotext3">散团人数</p>
            </div>
            <div id="clt6">
                <p id="zuotext26">12048</p>
                <p id="zuotext3">散客人数</p>
            </div>
            <p id="zuotext4">精品团散团情况</p>
            <div id="xian3"></div>
            <img id="z1t" src="./img/index-img/21.png">
        </div>
        <div class="zhong2">
            <img id="ztu" src="./img/index-img/8.jpg">
        </div>
        <div class="you2">
            <p id="youtext1">景区拥塞情况</p>
            <div id="xian4"></div>
            <div id="kongkuang">
                <p id="geshu">1</p>
                <p id="miaoshu1">不拥挤</p>
            </div>
            <div id="yongji">
                <p id="geshu">4</p>
                <p id="miaoshu2">轻微拥挤</p>
            </div>
            <div id="zhengchang">
                <p id="geshu">1</p>
                <p id="miaoshu3">拥挤</p>
            </div>
            <div id="zdyj">
                <p id="geshu">1</p>
                <p id="miaoshu2">中度拥挤</p>
            </div>
            <div id="hvyj">
                <p id="geshu">1</p>
                <p id="miaoshu2">重度拥挤</p>
            </div>
         
            <img id="youtu22" src="./img/index-img/22.png">
            <p id="youtext2">景区调度建议</p>
            <div id="xian5"></div>
            <p id="youtext3">兵马俑一号坑：</p>
            <p id="youtext4">目前拥挤指数为4，中度拥挤，超过景点建议承载客流量，应适当调度到其他景点，增派管理人员进行秩序维护。</p>
            <p id="youtext5">兵马俑二号坑：</p>
            <p id="youtext6">目前拥挤指数为5，重度拥挤，超过景点最大承载客流量，应立即采取紧急措施疏通客流，增派管理人员进行秩序维护。</p>
            <p id="youtext7">兵马俑三号坑：</p>
            <p id="youtext8">目前拥挤指数为4，中度拥挤，超过景点建议承载客流量，应适当调度到其他景点，增派管理人员进行秩序维护。</p>
            <p id="youtext9">铜车马博物馆：</p>
            <p id="youtext10">目前拥挤指数为1，不拥挤，远低于景点建议承载客流量，可以引导游客前往游览</p>
            <p id="youtext11">K0006陪葬坑：</p>
            <p id="youtext12">目前拥挤指数为3，拥挤，超过景点建议承载客流量，应适当调度到其他景点，增派管理人员进行秩序维护。</p>
            <p id="youtext13">K9901陪葬坑：</p>
            <p id="youtext14">目前拥挤指数为2，轻微拥挤，略超过景点建议承载客流量，建议进一步观察该景点人流情况。</p>
        </div>
    </div>
    <div class="box3">
        <div id="jd1"><p>景点</p></div>
        <div id="xx1"><p>人数</p></div>
        <table class="tab3">
            <tbody>
                <tr><th>兵马俑一号坑</th>  <th id="tab3text">2962</th></tr>
                <tr><th>兵马俑二号坑</th>  <th id="tab3text">3119</th></tr>
                <tr><th>兵马俑三号坑</th>  <th id="tab3text">2760</th></tr>
            </tbody>
         </table>
         <div id="jd2"><p>景点</p></div>
         <div id="xx2"><p>人数</p></div>
         <table class="tab4">
            <tbody>
                <tr><th> 铜车马博物馆  </th>  <th id="tab3text">2973</th></tr>
                <tr><th> K0006陪葬坑 </th>  <th id="tab3text">2522</th></tr>
                <tr><th>  K9901陪葬坑</th>  <th id="tab3text">2785</th></tr>
            </tbody>
         </table>
    </div>
<script>
let h1=document.querySelector('h1')
let btext2=document.querySelectorAll('#btext2')
let zt21=document.querySelector('#zuotext21')
let zt22=document.querySelector('#zuotext22')
let zt23=document.querySelector('#zuotext23')
let zt24=document.querySelector('#zuotext24')
let zt25=document.querySelector('#zuotext25')
let zt26=document.querySelector('#zuotext26')
let t3t=document.querySelectorAll('#tab3text')
var nums1 = [501, 501, 502,502,503,504,504,504,504,505,506,506,506,507,507,507,508,509,509,509,510,511,512,512,512,513,514,514,514,515,515,516,517
    ,517,518,518,519,519,520,520,520,520,521,521,522,522,523,524,524];
var nums2 = [99,100,100,101,101,102,103,104,104,104,104,105,106,106,107,107,108,109,109,110,110,111,112,112,113,114,114,115,116,116,117,117,118,119,119,120,120,121,122,123,123,123,124,125,125,126,126,127]
var nums3 = [290,290,291,291,292,292,293,293,294,295,295,295,296,297,298,298,298,299,300,300,301,302,302,303,304,304,305,305,306,307,307,308,308,308,309,309,309,310,310,310,310,311,312,312,312]
var nums4 = [29637,29460,29023,29281,29693,29837,29009,29507,29867,29308,29421,29554,29479,29845,29331,29192,29411,29259,29836,29447,29114,29818,29691,29613,29482,29890,29694,29518,29687,29086,29966,29170,29364,29384,29156,29815,29166,29616,29508,29358,29461,29989,29522,29815,29118,29890,29137,29993,29889]
var nums5 = [404,495,434,476,439,470,497,422,417,419,445,447,479,427,468,460,428,493,469,470,456,432,434,418,414,443,417,464,435,419,463,480,475,419,447,434,413,420,450,444,470,489,483,441,475,460,416,441,431]
var nums6 = [777,740,734,737,783,760,750,758,766,794,712,724,772,714,765,729,777,711,728,761,705,757,752,714,770,750,787,740,770,777,711,778,794,775,701,709,795,743,703,706,715,728,745,715,781,745,753,779,711]
var nums7 = [3793,3751,3527,3545,3736,3542,3824,3514,3753,3973,3929,3929,3619,3693,3575,3809,3559,3893,3699,3935,3882,3635,3559,3742,3566,3844,3775,3713,3995,3553,3510,3986,3807,3678,3786,3859,3717,3940,3673,3692,3506,3781,3563,3530,3964,3559,3536,3591,3768]
var nums8 = [14162,14491,14306,14823,14936,14520,14950,14521,14900,14314,14889,14723,14102,14643,14257,14961,14122,14821,14209,14254,14614,14993,14041,14871,14762,14587,14851,14761,14895,14821,14305,14718,14055,14256,14672,14420,14263,14583,14325,14506,14952,14017,14873,14866,14278,14749,14652,14953,14076]
var nums9 = [11682,11218,11190,10913,11021,11775,10235,11472,11214,11021,10603,10902,11758,11509,11499,10422,11730,10545,11928,11258,10618,11190,12091,11000,11154,11459,11068,11044,10797,10712,12151,10466,11502,11450,10698,11536,11186,11093,11510,11160,11003,12191,11086,11419,10876,11582,10949,11449,12045]
var nums10 = [2876,2811,2903, 2999, 2878, 2877, 2930, 2953, 2857, 2929, 2890, 2946, 2811, 2905, 2804, 2854, 2897, 2997, 2849, 2929, 2996, 2944, 2971, 2843, 2822, 2878, 2870, 2965, 2958, 2913, 2938, 2841, 2954, 2874, 2821, 2902, 2958, 2887, 2903, 2924, 2918, 2828, 2907, 2811, 2818, 2983, 2829, 2911, 2840]
var nums11 = [3147, 3081, 3120, 3090, 3172, 3185, 3140, 3110, 3052, 3185, 3178, 3141, 3085, 3073, 3190, 3183, 3167, 3128, 3118, 3107, 3161, 3143 ,3054, 3182, 3148, 3143, 3192, 3128, 3056, 3063, 3141 ,3147, 3142, 3115, 3160, 3150, 3073 ,3070, 3060, 3096, 3101, 3058, 3083, 3108, 3126, 3147, 3192, 3150, 3067 ]
var nums12 = [2675 ,2781, 2775, 2644, 2739, 2670, 2799, 2677, 2644, 2624, 2674, 2612, 2692, 2687, 2629, 2601, 2718, 2767, 2632, 2654, 2788, 2715, 2629, 2602, 2683, 2628, 2614 ,2678 ,2694, 2611, 2648, 2656, 2677, 2645, 2654 ,2624, 2631, 2767, 2686, 2765, 2781, 2722, 2691, 2697 ,2759 ,2789, 2651, 2748, 2784 ]
var nums13 = [3052 ,2926, 2964, 3070, 3099, 2949, 3194, 3244, 3060, 3123, 3262, 3113, 3287, 2949, 3156, 2991, 3068, 3268, 3118, 3034, 3118, 3172, 3126, 3111, 2918, 3012, 3172, 3238, 3295, 2904, 3250, 3114, 3288, 2902, 3101, 3283, 2964, 3280, 3019 ,3119 ,3072, 3120, 3275, 3241, 3132, 3255, 3005 ,3185 ,3186 ]
var nums14 = [2583 ,2569, 2596, 2524, 2520, 2536, 2543, 2557, 2567, 2512, 2520, 2504, 2598, 2503, 2599, 2519, 2563, 2508, 2569, 2523, 2581, 2567, 2502, 2540, 2543, 2501, 2526 ,2580 ,2588, 2563, 2596, 2584, 2540, 2588, 2563 ,2568, 2558, 2529, 2566, 2543, 2538, 2537, 2509, 2537, 2549, 2554, 2545, 2563, 2535 ]
var nums15 = [2778,2742,2705,2707,2715,2797,2711,2745,2756,2800,2784,2708,2706,2763,2718,2718,2772,2718,2707,2790,2727,2764,2776,2702,2714,2767,2739,2737,2761,2772,2774,2759,2785,2794,2736,2715,2703,2774,2725,2770,2738,2768,2776,2744,2754,2769,2798,2798,2751]

var i=0
var i1=0
var i2=0
var j=0
var j1=0
var j2=0
var k=0
var k1=0
var k2=0

var g=0
var g1=0
var g2=0
var g3=0
var g4=0
var g5=0

var name1=nums1[i]
var name2=nums2[j]
var name3=nums3[k]
var name4=nums4[i1]
var name5=nums5[j1]
var name6=nums6[k1]
var name7=nums7[i2]
var name8=nums8[j2]
var name9=nums9[k2]
var name10=nums10[g]
var name11=nums11[g1]
var name12=nums12[g2]
var name13=nums13[g3]
var name14=nums14[g4]
var name15=nums15[g5]
setInterval(function(){
            let date = new Date()
            let a=date.getMonth()+1
        let b=date.getHours()
        let c=date.getMinutes()
        let d = date.getSeconds()
        h1.innerHTML=date.getFullYear()+'-'+a+'-'+date.getDate()+' '+b+':'+c+':'+d
        },1000)   //显示时间
let a=setInterval(function(){
  name1=nums1[i]
  btext2[0].innerHTML=name1
  i++
  if(i>=47){
    clearInterval(a)
}
},1000)

let b=setInterval(function(){
  name2=nums2[j]
  btext2[1].innerHTML=name2
  j++
  if(j>=46){
    clearInterval(b)
}
},1000)
let c=setInterval(function(){
  name3=nums3[j]
  btext2[2].innerHTML=name3
  k++
  if(k>=44){
    clearInterval(c)
}
},1000)

let a1=setInterval(function(){
  name4=nums4[i1]
  zt21.innerHTML=name4
  i1++
  if(i1>=48){
    clearInterval(a1)
}
},1000)

let b1=setInterval(function(){
  name5=nums5[j1]
  zt22.innerHTML=name5
  j1++
  if(j1>=48){
    clearInterval(b1)
}
},1000)

let c1=setInterval(function(){
  name6=nums6[k1]
  zt23.innerHTML=name6
  k1++
  if(k1>=48){
    clearInterval(c1)
}
},1000)

let a2=setInterval(function(){
  name7=nums7[i2]
  zt24.innerHTML=name7
  i1++
  if(i2>=48){
    clearInterval(a2)
}
},1000)

let b2=setInterval(function(){
  name8=nums8[j2]
  zt25.innerHTML=name8
  j2++
  if(j2>=48){
    clearInterval(b2)
}
},1000)

let c2=setInterval(function(){
  name9=nums9[k2]
  zt26.innerHTML=name9
  k2++
  if(k2>=48){
    clearInterval(c2)
}
},1000)

let d=setInterval(function(){
  name10=nums10[g]
  t3t[0].innerHTML=name10
  g++
  if(g>=48){
    clearInterval(d)
}
},1000)

let d1=setInterval(function(){
  name11=nums11[g1]
  t3t[1].innerHTML=name11
  g1++
  if(g1>=48){
    clearInterval(d1)
}
},1000)

let d2=setInterval(function(){
  name12=nums12[g2]
  t3t[2].innerHTML=name12
  g2++
  if(g2>=48){
    clearInterval(d2)
}
},1000)
let d3=setInterval(function(){
  name13=nums13[g3]
  t3t[3].innerHTML=name13
  g3++
  if(g3>=48){
    clearInterval(d3)
}
},1000)
let d4=setInterval(function(){
  name14=nums14[g4]
  t3t[4].innerHTML=name14
  g4++
  if(g4>=48){
    clearInterval(d4)
}
},1000)
let d5=setInterval(function(){
  name15=nums15[g5]
  t3t[5].innerHTML=name15
  g5++
  if(g5>=48){
    clearInterval(d5)
}
},1000)

</script>
</body>
</html>